// 引入 vue
import Vue from 'vue'
// 覆盖浏览器默认样式
import 'normalize.css/normalize.css'
// 引入 ElementUI 组件库
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

// 引入全局样式
import '@/styles/index.scss' // global css

// 引入根组件
import App from './App'
// 引入 store 实例对象
import store from './store'
// 引入 router 实例对象
import router from './router'
// 引入项目中所有 svg 图标
import '@/icons' // icon

// 引入权限控制文件
import '@/permission'

// 引入全局自定义指令
import '@/directive'

// 将 ElementUI 安装为 vue 的插件
Vue.use(ElementUI)

Vue.config.productionTip = false

// 在业务代码中读取环境变量
// process.env.环境变量名
// console.log(process.env.VUE_APP_ABC);
// console.log(process.env.def);

// console.log(process.env.NODE_ENV);

console.log(process.env.VUE_APP_BASE_URL);

// 将通用工具栏组件注册成全局组件
// import PageTools from '@/components/PageTools/index.vue'
// Vue.component('PageTools', PageTools)
// vue 插件可以完成一些全局性的工作
// 将通用性组件注册成全局组件。

// 使用插件
import componentPlugin from './components/index.js'
Vue.use(componentPlugin)

// vue实例化
new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})

// try {
//   console.log(abc);
// } catch (error) {
//   console.log('出现错误了');
// }
// console.log('123');
